<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp" %>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>KaiSheng-客户管理系统</title>
	<link rel="stylesheet" type="text/css" href="${basePath }/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="${basePath }/style.css" />
	
	
	<style type="text/css">
		.body{
			padding-top:100px;
			background-color:#F3F1EC;
		}
		
	</style>
</head>
<body class="body">

	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner" style="height:90px">
			<div class="container" style="margin:20px 10px 20px 70px">
				<a href="#" class="brand" ><img src="img/top.jpg" alt=""/>&nbsp;&nbsp;KaiShengit-CRM</a>
				<a href="newContact.html" class="btn btn-info"><i class="icon-plus"></i>添加联系人</a>
				<a href="#myModal"  class="btn btn-info" data-toggle="modal"><i class="icon-plus"></i>添加任务</a>
				
				<div class="widget-content" style="float:right">
					<form action="" id="fm" class="form-inline">
						
						<input name="" type="text" placeholder="联系人" value=""/>
						<input name="" type="text" placeholder="交易" value="">
						<button class="btn" type="button" id="btnSearch"><i class="icon-search"></i>搜索</button>
					</form>
				</div>

				
			</div>
		</div>
	</div>
	<div class="container" style="margin-top:20px;width:100%">
			<div class="row">
				<div class="span3 offset1" style="width:15%">
					<div class="well" style="background-color:#F3F1EC;border:1px solid #DDDDDD;">
						<ul class="nav nav-list">
							<li ><a href="#"><i class="icon-home"></i>最新动态</a></li>
							<li><a href="contact.html"><i class="icon-white icon-user"></i>联系人</a></li>
							<li><a href="#"><i class="icon-fire"></i>任务</a></li>
							<li class="active"><a href="#"><i class="icon-file"></i>交易</a></li>
						</ul>
					</div>
				</div>
		<div class="span6" style="width:46%">
			<div style="background:#F0F5F8;height:40px;font-size:16px">编辑的交易信息:xxx</div>
				<div class="well" style="background-color:#fff;border: 1px solid #DDDDDD">
					<form class="form-horizontal" action="" name="" id="" method="post">
						这是谁处理...<br/>
						
						${contact.pic}${contact.name}<a href="">选择其他人</a><br/>
						<br/><br/>
						命名交易<br/>
						<input type="text" name="" value=""/><br/><br/>
						说明交易<br/>
						<textarea name="" id="" cols="30" rows="10">  </textarea><br/><br/>
						多少钱？<br/>
						<select name="" id="" style="width:120px">
							<option value="">$-美元</option>
							<option value="">￥-￥</option>
							<option value="">英镑-GBP</option>
						</select>
						<input type="text" name="" style="width:80px" value=""/><br/><br/>
						类别<br/>
						<select name="" id="" style="width:120px">
							<option value="">文案</option>
							<option value="">战略咨询</option>
							<option value="">网站设计</option>
							<option value="">售楼</option>
							<option value="">新的分类</option>
						</select><a href="">编辑类别</a>	<br/>
						<br/><br/>
						<button class="btn btn-info" style="width:78px;heigth:30px"><span style="font-size:10px">保存交易</span></button>&nbsp;&nbsp;或<a href="">取消</a>
				
				</form>	
			</div>
				
		</div>	
		
			
			<div class="span3">
				<div class="well">
					<a href="#"><i class="icon-trash"></i>删除这个交易</a>
				</div>
			</div>
		</div>
		</div>
		
		
				<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 id="myModalLabel">添加一个新的任务</h4>
				</div>
					<div class="modal-body">
						<input type="text" name="" id="" />	<br/>
						<h5>什么时候完成任务呢？</h5><br/>
						<select name="" id="">
							<option value="">今天</option>
							<option value="">明天</option>
							<option value="">本周</option>
							<option value="">下周</option>
							<option value="">具体的日期和时间</option>
						</select>
						或<a href="">设置日期/时间</a><br/>
						<h5>选择一个类别</h5><br/>
							<select name="" id="">
								<option value="">无</option>
								<option value="">电话</option>
								<option value="">演示</option>
								<option value="">邮件</option>
								<option value="">传真</option>
								<option value="">会议</option>
								<option value="">感谢</option>
								<option value="">新的类别</option>
							</select>
							<a href="edittype.html">编辑类别</a> <br/>
						<label class="checkbox">
							<input type="checkbox"> 让所有人都可见这个任务
						 </label><br/>
				 </div>
				  <div class="modal-footer">
					<button class="btn btn-info" style="width:78px;heigth:30px"><span style="font-size:10px">添加任务</span></button>&nbsp;&nbsp;或者<a href="">取消</a>
				  </div>
				</div>
		<script type="text/javascript" src="${basePath }/js/jquery.js"></script>
		<script type="text/javascript" src="${basePath }/js/bootstrap.min.js"></script>
		</body>
	</html>	